<template>
    <!--srcviewszonghefenxiindexvuehtmlStart-->

    <div id="defaultId1" class="    uQnBAVV">
        <div id="c287e7" class="                       uGp5b1M">
            <div id="c7cc79" class="                        u0dd63">
                <strong id="c73c42" class="                        u98a49">调兵山市领导干部成长档案信息系统
                </strong>
            </div>
            <div id="c22ed9" class="                        u76541">
                <el-button-group id="cf41fc" class="                       u6f2ce">
                    <el-button id="c95d5c" class="                       u4482e" type="primary">综合分析
                    </el-button>
                    <el-button id="c0581c" class=" u4482e                      " type="primary">干部画像
                    </el-button>
                    <el-button id="ce3efd" class=" u4482e                      " type="primary">领导班子
                    </el-button>
                    <el-button id="c909ee" class=" u4482e                      " type="primary">监督预警
                    </el-button>
                    <el-button id="c0977a" class=" u4482e                      " type="primary">数据维护
                    </el-button>
                    <el-button id="cc8611" class=" u4482e                      " type="primary">查询分析
                    </el-button>
                </el-button-group>
            </div>
        </div>
        <div id="g94349" class="     u60c41">
            <div id="g9fde0" class="     u9d04d">
            </div>
            <div id="gc2aa9" class="     u5801b">
                <el-tabs id="ca545f" v-model="tabsValue" type="card">
                    <el-tab-pane id="ccf691" label="关系图谱" name="first">
                        <div id="cf0b41">我是用户管理
                        </div>
                    </el-tab-pane>
                    <el-tab-pane id="c44676" label="标签画像" name="huaxiang">
                        <div id="c0a597">我是配置管理内容
                        </div>
                    </el-tab-pane>
                    <el-tab-pane id="c499a5" label="多维画像" name="jiaose">
                        <div id="ccafd6">我是角色管理内容
                        </div>
                    </el-tab-pane>
                    <el-tab-pane id="c499a5" label="成长路径" name="chengzhang">
                        <div id="ccafd6">我是成长
                        </div>
                    </el-tab-pane>
                    <el-tab-pane id="c499a5" label="履职档案" name="lvzhi">
                        <div id="ccafd6">我是履职
                        </div>
                    </el-tab-pane>
                    <el-tab-pane id="c499a5" label="监督预警" name="jiandu">
                        <div id="ccafd6">我是监督
                        </div>
                    </el-tab-pane>
                </el-tabs>
            </div>
        </div>
        <div id="g4aa48" class="     u9325c">
            <el-card id="ca92f8" class="    box-card">
                <template id="ca6cea" #header>
                    <div id="cde3ce" class="    card-header">
                        <span id="c5d366">Card name
                        </span>
                        <el-button id="c1e553" class="button    " text>Operation button
                        </el-button>
                    </div>
                </template>
                <div id="g72601" class="     u50784">
                    <img id="g2d0aa" class="     ud3ce2" src="http://template.guiplan.com/viewstatic/images/default.jpg" alt="guiplan官网" />
                </div>
                <div id="c088b0" v-for="o in 8" class="text     item" :key="o">{{ 'List item ' + o }}
                </div>
            </el-card>
            <div id="g26aa1" class="     uaffc9">
                <div id="gd1746" class="     u3bea6">
                    <div id="c003e5" class="    ucrv3pd" data-v-079d618e>
                        <div id="c7a6e1" class="    uc6pkpv" data-v-079d618e>
                            <h2 id="c2b4d2" class="    ucogmdt" data-v-079d618e>标签
                            </h2>
                            <h3 id="c951b0" class="    ucs15ar" data-v-079d618e>label
                            </h3>
                        </div>
                    </div>
                </div>
                <div id="g11c8b" class="     ue27a6">
                    <el-tag id="cf74b4" class="ml-2    " type="success" :closable="true">
                        <span id="c0dd3e" class="     u0673e">爱上佛啊是佛啊是佛安徽省
                        </span>
                    </el-tag>
                    <el-tag id="c29703" class="ml-2    " type="success" :closable="true">
                        <span id="cadaeb">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c063d2" class="ml-2    " type="success" :closable="true">
                        <span id="c3a5fa">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c168dd" class="ml-2    " type="success" :closable="true">
                        <span id="c673b9">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c50471" class="ml-2    " type="success" :closable="true">
                        <span id="c6a64c">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c7c52b" class="ml-2    " type="success" :closable="true">
                        <span id="cab409">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c098d3" class="ml-2    " type="success" :closable="true">
                        <span id="cbc148">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="ca984f" class="ml-2    " type="success" :closable="true">
                        <span id="c8bee5">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c695fb" class="ml-2    " type="success" :closable="true">
                        <span id="c1871f">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c08587" class="ml-2    " type="success" :closable="true">
                        <span id="cd018e">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c66da3" class="ml-2    " type="success" :closable="true">
                        <span id="cf412e">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c45d62" class="ml-2    " type="success" :closable="true">
                        <span id="c4af40">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c000dc" class="ml-2    " type="success" :closable="true">
                        <span id="c16836">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c4a29c" class="ml-2    " type="success" :closable="true">
                        <span id="c34b61">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="cc803c" class="ml-2    " type="success" :closable="true">
                        <span id="c10468">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c39d42" class="ml-2    " type="success" :closable="true">
                        <span id="cacf76">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c9c9ad" class="ml-2    " type="success" :closable="true">
                        <span id="cb52f8">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c2bd57" class="ml-2    " type="success" :closable="true">
                        <span id="c9f4e4">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c1a0aa" class="ml-2    " type="success" :closable="true">
                        <span id="c80bfa">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c485be" class="ml-2    " type="success" :closable="true">
                        <span id="ca161a">Tag 2
                        </span>
                    </el-tag>
                    <el-tag id="c18fb9" class="ml-2    " type="success" :closable="true">
                        <span id="ce7156">Tag 2
                        </span>
                    </el-tag>
                </div>
            </div>
            <div id="gc568b" class="     u5736e">
                <div id="g5cb0f" class="     u8665c">
                    <h1 id="gc297f" class="     u1b65d">擅长专业领域
                    </h1>
                </div>
                <span id="gddc4f" class="     u6a2c5">本人擅长xx，xx,xx,等领域
                </span>
                <div id="g7e892" class="     u22020">
                    <div id="gcc809" class="     u88b9f">5.3年
                    </div>
                    <div id="gebd71" class="     u54d76">
                    </div>
                    <div id="gcbe63" class="     u0e099">
                    </div>
                </div>
            </div>
            <div id="g3b7de" class="     u0fbeb">
                <h1 id="c6996f" class="    u1b65d ">监督预警
                </h1>
                <div id="jianduyujing" class="   ub2653">
                </div>
            </div>
        </div>
        <div id="ga6ecf" class="     ub9770">
        </div>
    </div>
    <!--srcviewszonghefenxiindexvuehtmlEnd-->

</template>
<script>
    export default {

        methods: {
            // insertMethod
            // srcviewszonghefenxiindexvueMethodStart

            // srcviewszonghefenxiindexvueMethodEnd

        },
        props: {
            // srcviewszonghefenxiindexvuePropsStart

            // srcviewszonghefenxiindexvuePropsEnd





        },
        async mounted() {


        },
        components: {













        },
        data() {
            return {
                // insertData
                // srcviewszonghefenxiindexvueDataStart

                // tabsValue
                tabsValue: 'user'
                // srcviewszonghefenxiindexvueDataEnd

            }

        }
    };
</script>
<style>
    .srcviewszonghefenxiindexvuecssStart {}

    .uQnBAVV {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        height: 75%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .uGp5b1M {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 65px;
        flex-direction: row;
        color: rgb(61, 108, 135);
    }

    .u0dd63 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: max-content;
        height: max-content;
        flex-direction: row;
        flex: auto;
    }

    .u98a49 {
        width: max-content;
        height: max-content;
        font-size: 46px;
    }

    .u76541 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 1221px;
        height: 67px;
        flex-direction: row;
        margin-left: 134px;
        flex-wrap: nowrap;
    }

    .u6f2ce {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 1795px;
        flex-direction: row;
    }

    .u4482e {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1780px;
        flex-direction: row;
        display: flex;
        flex-direction: row;
        display: flex;
        width: 202px;
        height: 66px;
        flex-direction: row;
    }

    .u60c41 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 47px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .u9d04d {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 26%;
        height: inherit;
        flex-direction: row;
        background-color: rgb(255, 0, 0);
    }

    .u5801b {
        width: 74%;
        height: inherit;
        background-color: rgb(255, 232, 232);
    }

    .u9325c {
        width: 32%;
        height: 928px;
        color: rgb(28, 97, 137);
    }

    .box-card {
        width: 548px;
        height: 332px;
    }

    .card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .u50784 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 168px;
        height: 219px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ud3ce2 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: inherit;
        height: inherit;
        flex-direction: row;
    }

    .item {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 245px;
        flex-direction: column-reverse;
        position: relative;
        top: -233px;
        margin-top: 15px;
        margin-left: 211px;
    }

    .uaffc9 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 549px;
        height: 227px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .u3bea6 {
        width: 187px;
        height: 40px;
    }

    .ucrv3pd {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        top: -4px;
        left: 0px;
        text-align: start;
        margin-top: 0.5em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        color: rgb(102, 102, 102);
        background-color: rgb(255, 255, 255);
        right: 0px;
        bottom: 0px;
    }

    .uc6pkpv {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        color: rgb(102, 102, 102);
        text-align: start;
        left: 0px;
        top: -3.2px;
        right: 0px;
        bottom: 3.2px;
        font-size: 15px;
        margin-left: 1em;
    }

    .ucogmdt {
        display: block;
        position: relative;
        color: rgb(10, 10, 10);
        text-align: start;
        margin-top: 0em;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        font-size: 18px;
        margin-left: 0em;
        font-weight: 700;
        z-index: 1;
        margin-right: 0em;
        margin-bottom: 0em;
    }

    .ucs15ar {
        display: block;
        position: absolute;
        color: rgb(13, 13, 13);
        text-align: right;
        margin-top: 0em;
        left: 8px;
        top: 9.1875px;
        right: -72.5313px;
        bottom: -11.2px;
        font-size: 18px;
        margin-left: 0em;
        font-weight: 900;
        text-transform: uppercase;
        z-index: 0;
        margin-right: 0em;
        opacity: 0.4;
        margin-bottom: 0em;
    }

    .ue27a6 {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        width: 690px;
        height: 83%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .u0673e {
        font-size: 19px;
    }

    .u5736e {
        display: flex;
        width: 550px;
        height: 143px;
    }

    .u8665c {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 126px;
        height: 40px;
        flex-direction: row;
    }

    .u1b65d {
        margin-top: 4px;
        margin-left: 9px;
        font-size: 19px;
        margin-top: 4px;
        font-size: 19px;
    }

    .u6a2c5 {
        width: inherit;
        height: max-content;
        margin-top: 40px;
        margin-left: -116px;
    }

    .u22020 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        flex-direction: row;
        border-right-style: none;
        margin-top: 70px;
        margin-left: -555px;
    }

    .u88b9f {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 33%;
        height: 100%;
        flex-direction: row;
        border-right-style: solid;
        border-right-color: rgb(3, 3, 3);
    }

    .u54d76 {
        width: 33%;
        height: 100%;
        border-right-style: solid;
        border-right-color: rgb(3, 3, 3);
    }

    .u0e099 {
        width: 33%;
        height: 100%;
    }

    .u0fbeb {
        height: 222px;
    }

    .ub2653 {
        width: 100%;
        height: 100%;
    }

    .ub9770 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 98%;
        height: 75%;
        flex-direction: row;
        flex-wrap: nowrap;
        position: absolute;
        top: 170px;
        left: 548px;
        background-color: rgba(30, 9, 22, 0.62);
        cursor: pointer;
    }

    .srcviewszonghefenxiindexvuecssEnd {}
</style>
// srcviewszonghefenxiindexvueMountedStart

// srcviewszonghefenxiindexvueMountedEnd
//importStart

//importEnd